$(function () {
    $("#page").load("/html/back/page.html");
    findAll();
})


function findAll() {
    // let curPage=$("#curPage").val();
    // if(curPage<0){
    //     $("#curPage").val(1);
    // }
    // let pageSize=$("#pageSize").val();
    // if(pageSize<0){
    //     $("#pageSize").val(10);
    // }
    let data = {
        username: $("#username").val().trim(),
        phone: $("#phone").val().trim(),
        email: $("#email").val().trim(),
        hobby: getHobby().toLocaleString().trim(),
        sex: $("#sex").val(),
        startBirthday: $("#startBirthday").val(),
        endBirthday: $("#endBirthday").val(),
        enable: $('input:radio[name="enable"]:checked').val(),
        curPage: $.trim($("#curPage").val()),
        pageSize: $("#pageSize").val()
    };
    console.log(data);
    let result=myAjax("/back/user/findAll",data,"get");
    let resutl = srcLogin(data);
    if (resutl) {
        $("#totalCount").html(data.count);
        setData(data.list);
    }
}

function getHobby() {
    let hobby = [];
    $('input:checkbox[name="hobby"]').each(function () {
        if ($(this).prop('checked')) {
            hobby.push($(this).val());
        }
    });
    return hobby;
}

function setData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '            <div>' + data[i].id + '</div>\n' +
            '            <div>' + data[i].username + '</div>\n' +
            '            <div>' + toNull(data[i].phone) + '</div>\n' +
            '            <div>' + toNull(data[i].email) + '</div>\n' +
            '            <div>' + toNull(data[i].hobby) + '</div>\n' +
            '            <div>' + toNull(data[i].sex) + '</div>\n' +
            '            <div>' + toNull(data[i].birthday) + '</div>\n' +
            '            <div>' + (data[i].enable == 1 ? '<lable class="nomal-color">正常</lable>' : '<lable class="exception-color">异常</lable>') + '</div>\n' +
            '            <div>' +
            '                   <div title="编辑" onclick="toEditPage(' + data[i].id + ')"><i class="iconfont">&#xe626;</i></div>' +
            '                   <div title="删除" onclick="del(' + data[i].id + ')"><i class="iconfont">&#xe624;</i></div>' +
            '                   <div title="修改密码"><i class="iconfont">&#xe61e;</i></div> ' +
            '            </div>\n' +
            '        </div>';
    }
    $("#tbody").html(html);
}

function toEditPage(id) {
    //1.拿到id，
    // 2.将id传入编辑页面，
    // 3.编辑页面加载完成后，
    // 4.需要通过id取数据库查询，
    // 5.并将结果显示在编辑页面
    // sessionStorage  项目开启，只能是同一浏览器
    // localStorage  可以是不同浏览器
    sessionStorage.setItem("userId", id);
    $(".right").load("/html/back/user/userEdit.html");
}

function del(id) {
    let result = myAjax("/back/user/del", {id: id});
    console.log(result);
    if (result.result == 1) {
        findAll();
    } else {
        alert("删除失败");
    }
}

//将现在在页面上的null或者undefined，转换为空“”
function toNull(value) {
    return value == "null" || value == undefined ? "" : value;
}